<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/laya.css">
		<link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="css/animate.min.css" />
		<link rel="stylesheet" href="css/navbar.css" />
	</head>

	<body>

		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
						<a class="navbar-brand" href="#"><img src="img/01.png"></a>
					</div>
					<div id="navbar" class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-left">
							<li>
								<a href="laya.html">首页</a>
							</li>
							<li>
								<a href="family.html">Laya家族</a>
							</li>
							<li>
								<a href="game.html">游戏</a>
							</li>
							<li>
								<a href="Journalism.html">新闻动态</a>
							</li>
							<li>
								<a href="about.html">关于我们</a>
							</li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language<span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">简体中文</a>
									</li>
									<li>
										<a href="#">繁軆中文</a>
									</li>
									<li>
										<a href="#">English</a>
									</li>

								</ul>
							</li>
						</ul>
					</div>

				</div>
			</div>
		</nav>

		<section>
		
			<div class="picture">
				<img src="img/6.jpg" class="img-responsive">
			</div>
			<div class="Sharp_weapon ">
				<div class="tu"></div>
				<div class="container">
					<div class="row">
						<div class="col-md-12 engine">
							<h1 class="engine_one col-md-offset-1">LayaFlash 引擎</h1>

							<p class="col-md-offset-1">让Flash技术变成开发HTML5产品的利器</p>
						</div>
					</div>
					<div class="col-md-8 col-sm-8 col-xs-12 col-md-offset-1">
						<div class="row">
							<div class="col-md-6 product">
								<div class="row">
									<div class="col-md-3 col-sm-3 col-xs-3 daren">
										<img src="img/1.jpg">
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9 product">
										<h3>快速Flash产品转换</h3>

										<p>
											Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 product">
								<div class="row">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<img src="img/1.jpg">
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9 ">
										<h3>
		                                    LayaFlash IDE
		                                </h3>
										<p>
											支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能
										</p>
									</div>

								</div>
							</div>
							<div class="col-md-6 product">
								<div class="row">
									<div class="col-md-3 col-sm-3 col-xs-3 ">
										<img src="img/1.jpg">
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9 ">
										<h3>
                                    HTML5零学习成本
                                	</h3>

										<p>
											AS3开发者可直接使用Flash开源框架和工具链进行开发HTML5
										</p>
									</div>

								</div>
							</div>
							<div class="col-md-6 product">
								<div class="row">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<img src="img/1.jpg">
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9 ">
										<h3>性能媲美APP </h3>
										<p>
											LayaFlash引擎的重度游戏已运行于QQ空间等平台，性能媲美APP
										</p>
									</div>
								</div>
								
								
								
							</div>
								
						</div>
						
					</div>
					
				</div>
			</div>

			<div class="laya_three">
				<div class="container">
					<div class="row">
						<div class="col-md-4 col-sm-4 col-xs-12 center">
							<div class="laya3">
								<img src="img/8.jpg" class="img-responsive center">
							</div>
						</div>
						<div class="col-md-7 col-md-offset-1 col-sm-8 col-xs-12">
							<div class="col-md-offset-1">
								<h1 class="advantage">Layabox 优势</h1>
							</div>
							<div class="caption laya">
								<ul>
									<li class="laya2">
										<img src="img/7.jpg">
										<div class="laya1">快速上手，Flash程序员3小时掌握HTML5开发</div>
									</li>
									<li class="laya2">
										<img src="img/7.jpg">
										<div class="laya1">快速上手，Flash程序员3小时掌握HTML5开发</div>
									</li>
									<li class="laya2">
										<img src="img/7.jpg">
										<div class="laya1">快速上手，Flash程序员3小时掌握HTML5开发</div>
									</li>
									<li class="laya2">
										<img src="img/7.jpg">
										<div class="laya1">快速上手，Flash程序员3小时掌握HTML5开发</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="container container_two">
				<div class="row">
					<div class="col-xs-12">
						<h1 class="text">Layabox产品家族</h1>

					</div>
					<div class="col-xs-12">
						<div class="col-sm-8 col-md-offset-2">
							<div class="row">
								<div class="col-sm-6 laya_one">
									<div class="row">
										<div class="col-md-3 col-sm-4 col-xs-12">
											<img src="img/10.png" class="img-responsive img3">
										</div>
										<div class="col-md-9 col-sm-8">
											<h3 class="LayaAir">LayaAir</h3>
											<p class="hang">核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。</p>
										</div>

									</div>
								</div>
								<div class="col-sm-6 laya_one">
									<div class="row">
										<div class="col-md-3 col-sm-4 col-xs-12">
											<img src="img/9.png" class="img-responsive img3">
										</div>
										<div class="col-md-9 col-sm-8 ">
											<h3 class="LayaAir">LayaPublish</h3>
											<p class="hang">Layabox发行业务，通过在H5产业链中的技术 桥梁优势，帮助CP获得流量支持。</p>
										</div>

									</div>
								</div>
								<div class="col-sm-6 laya_one">
									<div class="row">
										<div class="col-md-3 col-sm-4 col-xs-12">
											<img src="img/12.png" class="img-responsive img3">
										</div>
										<div class="col-md-9 col-sm-8 ">
											<h3 class="LayaAir">LayaFlash</h3>
											<p class="hang">使用Flash AS3语言开发H5的引擎框架，可直 接在FB或FD中开发、调试、编译H5，也可快 速将Flash页游\手游转换</p>
										</div>

									</div>
								</div>
								<div class="col-sm-6 laya_one">
									<div class="row">
										<div class="col-md-3 col-sm-4 col-xs-12">
											<img src="img/11.png" class="img-responsive img3">
										</div>
										<div class="col-md-9 col-sm-8 ">
											<h3 class="LayaAir">LayaStore</h3>
											<p class="hang">嵌入式HTML5商城，APP只需嵌入20K的SDK 即可以获得托管式HTML5商店服务，进入流量 获利新时代。</p>
										</div>

									</div>
								</div>
								<div class="col-sm-6 laya_one">
									<div class="row">
										<div class="col-md-3 col-sm-4 col-xs-12">
											<img src="img/10.png" class="img-responsive img3">
										</div>
										<div class="col-md-9 col-sm-8">
											<h3 class="LayaAir">LayaPlayer</h3>
											<p class="hang">HTML5高速运行器，性能卓越、支持大型 HTML5游戏流畅运行，目前已植入QQ、百度 等20多家主流平台，安装量超5亿。</p>
										</div>

									</div>
								</div>
								<div class="col-sm-6 laya_one">
									<div class="row">
										<div class="col-md-3 col-sm-4 col-xs-12">
											<img src="img/13.png" class="img-responsive img3">
										</div>
										<div class="col-md-9 col-sm-8">
											<h3 class="LayaAir">LayaOpen</h3>
											<p class="hang">Layabox开放平台，整合了Laya提供的各项运 营，管理服务的服务，提供给游戏提供商和互 联网渠道的统一开放平台。</p>
										</div>

									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="container container_four">
				<div class="row">
					<div class="col-md-10 col-sm-9  col-xs-12">
						<h1 class="synopsis">采用Layabox引擎的精彩游戏</h1>
					</div>
					<div class="col-md-2 col-sm-3 synopsis_one hidden-xs">
						<p>更多</p>
					</div>
				</div>
				<div class="row">
					<div class="col-md-5 col-sm-5 col-xs-12 movie">
						<img src="img/8.png" class="img-responsive">
					</div>
					<div class="col-md-7 col-sm-7" class="img-responsive">
						<div class="">

							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="Game">
									<img src="img/youxi/20150917095903153.png" class="img-responsive">
									<p>猎刃2</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="Game">
									<img src="img/youxi/20150917095920748.png" class="img-responsive">
									<p>猎刃2</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="Game">
									<img src="img/youxi/20150917100200350.png" class="img-responsive">
									<p>猎刃2</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="Game">
									<img src="img/youxi/20150917100327918.png" class="img-responsive">
									<p>猎刃2</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="Game">
									<img src="img/youxi/20150917100353560.png" class="img-responsive">
									<p>猎刃2</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="Game">
									<img src="img/youxi/20150917100411595.png" class="img-responsive">
									<p>猎刃2</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="Game">
									<img src="img/youxi/20150917100427748.png" class="img-responsive">
									<p>猎刃2</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="Game">
									<img src="img/youxi/20150917100713908.jpg" class="img-responsive">
									<p>猎刃2</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="Game">
									<img src="img/youxi/20150917100411595.png" class="img-responsive">
									<p>猎刃2</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="Game">
									<img src="img/youxi/20150917100427748.png" class="img-responsive">
									<p>猎刃2</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="Game">
									<img src="img/youxi/20150917100713908.jpg" class="img-responsive">
									<p>猎刃2</p>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4">
								<div class="Game">
									<img src="img/youxi/1448615195484288.png" class="img-responsive">
									<p>猎刃2</p>
								</div>
							</div>

						</div>

					</div>
				</div>
			</div>

			<div class="Marvellous">
				<div class="container">
					<div class="row">
						<div class="col-xs-12">
							<h2 class="">合作伙伴<span class="sort">(排序不分先后)</span> </h2>
						</div>
						<div class="col-md-12 baidu">
							<div class="row">
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 ">
									<div class="img_one">
										<img src="img/tubiao/1447666760298019.jpg" class="img-responsive">
									</div>
								</div>

								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 ">
									<div class="img_one">
										<img src="img/tubiao/1447666933950076.jpg" class="img-responsive">
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 ">
									<div class="img_one">
										<img src="img/tubiao/1447666979289519.jpg" class="img-responsive">
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 ">
									<div class="img_one">
										<img src="img/tubiao/1447667000986467.jpg" class="img-responsive">
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 ">
									<div class="img_one">
										<img src="img/tubiao/1447667022735949.jpg" class="img-responsive">
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 ">
									<div class="img_one">
										<img src="img/tubiao/1447667046677762.jpg" class="img-responsive">
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 ">
									<div class="img_one">
										<img src="img/tubiao/1447667085837167.jpg" class="img-responsive">
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 ">
									<div class="img_one">
										<img src="img/tubiao/1448604300406522.jpg" class="img-responsive">
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 ">
									<div class="img_one">
										<img src="img/tubiao/1448604338444954.jpg" class="img-responsive">
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 ">
									<div class="img_one">
										<img src="img/tubiao/1448604354220485.jpg" class="img-responsive">
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 ">
									<div class="img_one">
										<img src="img/tubiao/1448604372733640.jpg" class="img-responsive">
									</div>
								</div>

								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 ">
									<div class="img_one">
										<img src="img/tubiao/1448604384970211.jpg" class="img-responsive">
									</div>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		
		</section>
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-md-9 col-sm-9">
						<div class="personnel">
							<p>公司简介&nbsp;&nbsp;&nbsp;&nbsp;联系方式&nbsp;&nbsp;&nbsp;&nbsp;人才招聘</p>
							<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
							
						</div>
					</div>
					<div class="col-xs-12 col-md-3 col-sm-3">
						<div class="chat">
							<div class="img_two"><img src="img/a.png" class="img-responsive"></div>
							<div class="img_two"><img src="img/b.png" class="img-responsive"></div>
							<div class="img_two"><img src="img/c.png" class="img-responsive"></div>
						</div>
						<div>
						</div>
					</div>
				</div>
			</div>	
		</footer>

		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/bootstrap.js"></script>
		
		
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js "></script>
		<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
		<!--引入swiper的animate脚本-->
		<script src="js/swiper.animate1.0.2.min.js" type="text/javascript"></script>
		
		<script type="text/javascript">
		//swiper-container别人封装好的
			var swiper = new Swiper('.swiper-container',{
				direction:'vertical',
				onInit: function(swiper){
					swiperAnimateCache(swiper);
					swiperAnimate(swiper);
				},
				onSlideChangeEnd:function(swiper){
					swiperAnimate(swiper);
				}
			})
			
		</script>
	</body>

</html>